<!-- 权限管理 -->
<template>
  <div class="home-page-content">
    <h3>组织管理</h3>
    <div class="org-head">
      <Tabs value="org" @on-click="tabsChange">
        <TabPane label="组织管理" name="org"></TabPane>
        <TabPane label="权限管理" name="permissions"></TabPane>
      </Tabs>
      <div class="org-permissions-main">
        <div class="org-main" v-if="tabsValue == 'org'">
          <Organize />
        </div>
        <div class="permissions-main" v-if="tabsValue == 'role'"></div>
        <div class="permissions-main" v-if="tabsValue == 'permissions'">
          <PermissionManage />
        </div>
      </div>
    </div>
  </div>
</template>

<script type="text/javascript">
import Organize from "./organize.vue";
import PermissionManage from "@/pages/systemManage/permissionManage"

export default {
  name: "organizationManage",
  components: {
    Organize,
    PermissionManage,
  },
  data() {
    return {
      tabsValue: "org",
    };
  },
  methods: {
    tabsChange(ev) {
      this.tabsValue = ev;
    },
  },
  mounted() {},
};
</script>

<style lang="less" scoped>
.org-head {
  margin-top: 20px;
}
::v-deep .ivu-tabs-bar {
  margin-bottom: 0;
}
</style>
